.text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body {
  padding: 0;
  background: #f7f7f7;
}
.text-overflow {
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear,
.clearfix {
  clear: both;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.img-responsive {
  width: 100%;
}
.container {
  width: 1200px;
  margin: 0 auto;
  clear: both;
  
}
body,
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  letter-spacing: 1px;
}
a {
  text-decoration: none;
  color: #666;
}
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
}
ul,
li {
  list-style: none ;
}
/*头部样式*/
a:hover {
  text-decoration: none;
}
#header {
  background: #333;
  color: #afb5c1;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
}
#header div.container:after {
  display: block;
  content: '';
  clear: both;
  height: 0;
}
#header div.container div.company_name span {
  font-size: 15px;
}
#header div.container div.company_name span a {
  overflow: hidden;
  max-width: 258px;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  position: relative;
  top: -2px;
}
#header div.container div.company_name > span.identify {
  background: #a4a5a9;
  color: #33383e;
  font-size: 14px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 0 5px;
}
#header div.container div.fr > div ul a {
  display: block;
}
#header div.container div.fr > div ul a:hover {
  background: #ddd;
  color: #f90;
}
#header div.container div.fr a {
  color: #afb5c1;
}
#header div.container div.fr a:hover {
  text-decoration: none;
}
#header div.container div.fr a.message_alert:before {
  display: inline-block;
  position: relative;
  height: 30px;
  top: 3px;
  margin-right: 30px;
  content: url(../images/message_alert.jpg);
}
#header div.container div.fr .user_name {
  float: right;
  text-align: center;
}
#header div.container div.fr .user_name:after {
  display: block;
  content: '';
  clear: both;
  height: 0;
}
#header div.container div.fr .user_name:hover {
  background: #1a1a1a;
}
#header div.container div.fr .user_name:hover ul.dropdown {
  display: block;
  z-index: 10;
  list-style: none;
}
#header div.container div.fr .user_name b {
  display: inline-block;
  height: 20px;
  width: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #73bf65;
  font-weight: normal;
  position: relative;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
#header div.container div.fr .user_name > div {
  float: right;
  max-width: 188px;
  overflow: hidden;
  height: 38px;
  position: relative;
  margin-left: 5px;
  cursor: pointer;
  display: inline-block;
}
#header div.container div.fr .user_name > div ul.dropdown {
  position: absolute;
  display: none;
  list-style: none;
  background: #fff;
  -webkit-box-shadow: inset 0 0 5px #ddd;
  -moz-box-shadow: inset 0 0 5px #ddd;
  box-shadow: inset 0 0 5px #ddd;
  top: 38px;
  right: 0;
  width: 106px;
  text-align: center;
}
#header div.container div.fr .user_name > div ul.dropdown a {
  display: block;
}
#header div.container div.fr .user_name > div ul.dropdown a:hover {
  background: #ddd;
  color: #f60;
}
#header div.container div.fr > div.drop {
  min-width: 90px;
  margin-left: 20px;
  text-align: center;
  display: inline-block;
  position: relative;
}
#header div.container div.fr > div.drop:hover .drop-down{
  display: block;
}
#header div.container div.fr > div.drop:hover a.news{
  color: #f60;
}
#header div.container div.fr >div.drop .drop-down{
  position: absolute;
  display: none;
  width: 300px;
  z-index: 100;
  text-align: left;
  right: -104px;
  background: #fcfcfc;
  -webkit-box-shadow: inset 0 0 5px #ddd;
  -moz-box-shadow: inset 0 0 5px #ddd;
  box-shadow: inset 0 0 5px #ddd;
}
#header div.container div.fr >div.drop .drop-down>ul.tab{
  position: relative;
  height: 40px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
#header div.container div.fr >div.drop .drop-down>ul.tab:after {
  display: block;
  content: '';
  clear: both;
  height: 0;
}
#header div.container div.fr >div.drop .drop-down>ul.tab  i.line{
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #ddd;
  position: absolute;
  left: 50%;
  margin-top: 10px;
}
#header div.container div.fr >div.drop .drop-down>ul.tab li{
  float: left;
  width: 50%;
  height: 22px;
  cursor: pointer;
}
#header div.container div.fr >div.drop .drop-down>ul.tab li.words{
  background: url(../images/new-gout.png) no-repeat;
  margin-top:10px; 
  background-position: 70px 0;
}
#header div.container div.fr >div.drop .drop-down>ul.tab li.envelope{
  background: url(../images/xin.png) 64px 0 no-repeat;
  margin-top:12px;
}
#header div.container div.fr >div.drop .drop-down>ul.tab li.envelope:hover{
  background: url(../images/new-xin.png) 64px 0 no-repeat;
}
#header div.container div.fr >div.drop>.drop-down .tab-content ul{
  height: 275px;
  max-height: 275px;
  overflow-y: auto;  
  margin: 0;     
}
::-webkit-scrollbar{
  width:6px;
  background: #c3c3c3;
}
::-webkit-scrollbar-track{  
  border-radius: 10px;  
  background-color: #ddd;  
}  
::-webkit-scrollbar-thumb{
  border-radius: 3px;
}
#header div.container div.fr >div.drop>.drop-down .tab-content .no-news{
  height: 320px;
  text-align: center;
  font-size: 14px;
  color: #999;
  display: none;
  vertical-align: middle;
}
#header div.container div.fr >div.drop>.drop-down .tab-content ul li{
  border-bottom: 1px solid #ddd; 
}
#header div.container div.fr >div.drop>.drop-down .tab-content ul li:hover{
  background: #ddd;
}
#header div.container div.fr >div.drop>.drop-down .tab-content ul li a{
  color: #666;
  padding: 0 20px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
#header div.container div.fr >div.drop>.drop-down .tab-content ul li p{
  color: #999;
  padding: 0 20px;
  margin-top: -6px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
#header div.container div.fr >div.drop>.drop-down .tab-content .messages{
  display: none;
}
#header div.container div.fr >div.drop>.drop-down .tab-content .news-list a{
  color: #666;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
#header div.container div.fr >div.drop>.drop-down .tab-content .news-list span.fr{
  display: inline-block;
  height: 16px;
  width: 16px;
  color: #fff;
  background: #f60;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: 0;
}
#header div.container div.fr >div.drop>.drop-down .tab-content .news-list a.look-all{
  display: block;
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 40px;
}
#header div.container div.fr >div.drop>.drop-down .tab-content .messages > ul.new-information li:first-child a{
  color: #666;
}
#header div.container div.fr .messages > ul.new-information li:nth-child(2) a{
  color: #666;
}
#header div.container div.fr .messages>a.look-all{
  display: block;
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 40px;
}
#header div.container div.fr > div ul a {
  display: block;
}
#header div.container div.fr > div ul a:hover {
  background: #ddd;
  color: #f90;
}
#header div.container div.fr > a {
  display: inline-block;
  padding-left: 15px;
}
#header div.container div.items {
  padding-left: 270px;
}
#header div.container div.items ul.flex {
  width: 616px;
  font-size: 16px;
}
#header div.container div.items ul.flex li {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  width: 100%;
  font-size: 16px;
}
#header div.container div.items ul.flex li a {
  color: #afb5c1;
  display: block;
  text-align: center;
  font-size: 16px;
}
#header div.container div.items ul.flex li:hover {
  background: #171a1d;
}
#header div.container div.items ul.flex li.active {
  background: #171a1d;
}
#header div.container div.items ul.flex li.active a {
  color: #f5f5f3;
}
#header div.container div.items ul.flex li.get_custom {
  position: relative;
  text-align: center;
  cursor: default;
  z-index: 10000;
}
#header div.container div.items ul.flex li.get_custom:hover {
  background: #171a1d;
}
#header div.container div.items ul.flex li.get_custom:hover ul {
  display: block;
}
#header div.container div.items ul.flex li.get_custom >ul {
  position: absolute;
  background: #fff;
  width: 102px;
  display: none;
  -webkit-box-shadow: inset 0 0 5px #ddd;
  -moz-box-shadow: inset 0 0 5px #ddd;
  box-shadow: inset 0 0 5px #ddd;
  margin: 0;
}
#header div.container div.items ul.flex li.get_custom >ul li {
  line-height: 30px;
  height: 30px;
}
#header div.container div.items ul.flex li.get_custom >ul a {
  display: block;
}
#header div.container div.items ul.flex li.get_custom >ul a:hover {
  background: #ddd;
  color: #f60;
}
#header div.container div.fr > div.drop:hover .drop-down {
  display: block;
}
#header div.container div.fr > div.drop:hover a.news {
  color: #f60;
}
#front_header {
  height: 39px;
  background: #fff;
  line-height: 39px;
  font-size: 13px;
  color: #666;
  border-bottom:3px solid #f8f0ea;
  text-align: center;
}
#front_header .header_wrap {
	width:1200px;
	display:inline-block;
	height:100%;
}
#front_header .header_wrap .fl img {
	vertical-align:initial;
}
#front_header .header_wrap .right {
	height:100%;
	padding:0 5px;
	position: relative;
}
#front_header .header_wrap .right:hover {
	background:#f4f4f4;
	cursor:pointer;
}
#front_header .header_wrap .fr .main {
	display:inline-block;
	height:100%;
}
#front_header .header_wrap .fr .main .user_pic {
	height:100%;
	line-height:36px;
}
#front_header .header_wrap .fr .main .user_pic img {
	vertical-align: middle;
}
#front_header .header_wrap .fr .main .user_name {
	padding-left:5px;
	padding-right:5px;
}
#front_header .header_wrap .fr .out {
	position: absolute;
	top:36px;
	left:0;
	width:100%;
	height:82px;
	z-index:100;
	box-shadow: 0 2px 10px 1px #999;
	display:none;
}
#front_header .header_wrap .fr .out>div{
	height:50%;
}
#front_header .header_wrap .fr .out .user_center {
	width:100%;
	background:#ff8a00;
	
}
#front_header .header_wrap .fr .out .user_center a {
	color:#fff;
}
#front_header .header_wrap .fr .out .log_out {
	width:100%;
	background:#fff;
}
#front_header .header_wrap .fr .out .tri {
	position: absolute;
	top:-6px;
	left:0;
	width:100%;
	text-align: center;
	height:6px;
	font-size:0;
	line-height:6px;
}
#front_header .header_wrap .fr .out .tri img {
	height:100%;
}

#front_header:after {
  display: block;
  content: '';
  clear: both;
  height: 0;
}

div#nav_top {
  height: 90px;
  background:url(../image/sy_bg.png) no-repeat center;
  height:175px;
}
div#nav_top:after {
  display: block;
  content: '';
  clear: both;
  height: 0;
}
div#nav_top > div.container > div.fl {
  width: 340px;
  padding-top: 50px;
}
div#nav_top > div.container > div.fl:after {
  display: block;
  content: '';
  clear: both;
  height: 0;
}
div#nav_top > div.container > div.fl > div.logo {
  float: left;
  border-right: 1px solid #ddd;
  padding-right: 15px;
}
div#nav_top > div.container > div.fl > div.web_name {
  font-size: 22px;
  color: #585858;
  margin-left: 15px;
  line-height: 22px;
  float: left;
  margin-top: 11.5px;
}
div#nav_top > div.container > div.fl > div.web_name p {
	font-size:14px;
}
div#nav_top > div.container > div.fr {
  width: 700px;
}
div#nav_top > div.container > div.fr:after {
  display: block;
  content: '';
  clear: both;
  height: 0;
}
div#nav_top > div.container > div.fr > img {
  margin-top: 22px;
}
div#nav_top > div.container > div.fr a.publish {
  float: right;
  margin-top: 38px;
  margin-right: 7.36040609%;
  height: 36px;
  width: 14.97461929%;
  border: 2px solid #f60;
  text-align: center;
  color: #f60;
  line-height: 34px;
  font-size: 14px;
}
div#nav_top > div.container > div.fr a.publish:before {
  display: inline-block;
  content: url(../images/publish.png);
  position: relative;
  top: 2px;
  left: 0;
  margin-right: 8px;
  line-height: 16px;
}
/*头部的搜索*/
#header_form {
  float: left;
  width: 100%;
  margin-top: 68px;
  position:relative;
}
#header_form  img {
	position: absolute;
	top:50%;
	left:10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
#header_form:after {
  display: block;
  content: '';
  clear: both;
  height: 0;
}
#header_form input {
  width: 84.24242424%;
  height: 36px;
  float: left;
  padding: 0 45px;
  border: 2px solid #f60;
  border-right: none;
  outline: none;
  font-size:12px;
}
#header_form button {
  float: left;
  width: 15.75757576%;
  height: 36px;
  background: #f60;
  border: 1px solid #f60;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  outline: none;
}
#header_form ul.choose li {
  float: left;
  width: 50px;
  height: 20px;
  font-size: 14px;
  color: #fe7e3f;
  text-align: center;
  cursor: pointer;
}
#header_form ul.choose li:hover {
  background-color: #ff6600;
  color: #fff;
}
#header_form ul.choose li.visited {
  background-color: #ff6600;
  color: #fff;
}
#footer {
  background: #f9f9f9;
  color: #6f6f6f;
  border-top: 2px solid #ff8a00;
  height:87px;
  line-height:85px;
  text-align: center;
}

#msg-notice {
  display: none;
  position: absolute;
  background: #f60;
  font-size: 11px;
  border-radius: 50%;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  right: -23px;
  z-index: 1;
  color: #fff;
  padding: 0;
  top: 1px;
}

#machines_wrap {
	background:url(../images/sy_bgb.png) no-repeat;
	background-size:100% 100%;
}
/*幻灯片样式*/
.owl-theme .owl-controls .owl-pagination {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    text-align: center;
}
.owl-controls .owl-page{
    display: inline-block;
    cursor: pointer;
    width: 34px;
    height: 5px;
    background: #e6e6e6;
    margin-left: 10px;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

.owl-controls .owl-page.active,.owl-controls .owl-page:hover {
    background: #ed1717;
}
/*.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transition: background 0.5s, opacity 0.5s;
    transition: background 0.5s, opacity 0.5s;
}*/
/*.owl-theme .owl-controls .owl-buttons .owl-prev{
    background:rgba(0,0,0,0.4) url("../images/icon_prev.png");
    left: 10px;
    opacity: 0.8;
}
.owl-theme .owl-controls .owl-buttons .owl-next{
    background:rgba(0,0,0,0.4) url("../images/icon_next.png");
    right: 10px;
    opacity: 0.8;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover{
    background:rgba(0,0,0,0.8) url("../images/icon_prev2.png");
    left: 10px;
}
.owl-theme .owl-controls .owl-buttons .owl-next:hover{
    background:rgba(0,0,0,0.8) url("../images/icon_next2.png");
    right: 10px;
}*/
